<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- form 就是一个容器   action 可以放提交地址 -->
    <form action="">
<!--
     input标签
    type   类型


   -->
<div>
    <input type="text" placeholder="请输入用户名">
</div>
<div>
    <input type="password" placeholder="请输入密码">
</div>
<div>
    <!-- 使用相同的name  让浏览器知道是一组 -->
     <!-- label  for 关联指定标签的 id 属性，可以实现点字，等同于点标签 -->
   <label for="boy">男</label>
   <input type="radio"name='gender'id='boy'/>
   <label for="gril">女</label>
   <input type="radio"name='gender'id='gril'/>
   <label for="scret">保密</label>
   <input type="radio"name='gender'id='scret'/>
</div>
<div>
     <!-- value 获取到的是数据，label 中放置的是给用户看的数据 -->
<label for="basketball">篮球</label>
<input type="checkbox"value='1'id='basketball'>
<label for="dance">跳</label>
<input type="checkbox"value='2'id='dance'>
<label for="sing">唱</label>
<input type="checkbox"value='3'id='sing'>
<label for="rap">rap</label>
<input type="checkbox"value='4'id='rap'>
</div>
<div>
    <!-- 文本域 -->
    <textarea name="" id=""placeholder="个性签名"></textarea>
</div>
<div>
   <!-- type 设置按钮的类型
          button 默认
          submit 提交，可以结合 form 表单 提交数据到指定的 url 地址，需要如果需要提交，需要给表单元素设置 name 属性
          name 等同于 key
          reset 重置表单，重置的是，所在 form 标签内部的元素
        -->
<button type="submit">提交</button>
<button type="reset">重置</button>
</div>
    </form>
</body>
</html>